<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      class="ant-app"
    >
      <div
        style="margin: 24px; padding-block-end: 128px; display: flex; gap: 24px; flex-direction: column;"
      >
        <div
          style="width: 400px;"
        >
          <div
            class="ant-card ant-card-bordered ant-card-small"
          >
            <div
              class="ant-card-head"
            >
              <div
                class="ant-card-head-wrapper"
              >
                <div
                  class="ant-card-head-title"
                >
                  帮助中心
                </div>
                <div
                  class="ant-card-extra"
                >
                  <div
                    class="ant-pro-help-actions"
                  >
                    <div
                      class="ant-pro-help-actions-item"
                    >
                      <span
                        aria-label="profile"
                        class="anticon anticon-profile"
                        role="img"
                        tabindex="-1"
                        title="collapse panel"
                      >
                        <svg
                          aria-hidden="true"
                          data-icon="profile"
                          fill="currentColor"
                          focusable="false"
                          height="1em"
                          viewBox="64 64 896 896"
                          width="1em"
                        >
                          <path
                            d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656zM492 400h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zm0 144h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zm0 144h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zM340 368a40 40 0 1080 0 40 40 0 10-80 0zm0 144a40 40 0 1080 0 40 40 0 10-80 0zm0 144a40 40 0 1080 0 40 40 0 10-80 0z"
                          />
                        </svg>
                      </span>
                    </div>
                    <div
                      class="ant-pro-help-actions-item"
                    >
                      <span
                        aria-label="search"
                        class="anticon anticon-search"
                        role="img"
                        tabindex="-1"
                        title="search panel"
                      >
                        <svg
                          aria-hidden="true"
                          data-icon="search"
                          fill="currentColor"
                          focusable="false"
                          height="1em"
                          viewBox="64 64 896 896"
                          width="1em"
                        >
                          <path
                            d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
                          />
                        </svg>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="ant-card-body"
              style="display: flex; padding: 0px; margin: 0px; height: 100%; width: 100%;"
            >
              <div
                class=" ant-pro-help-left-panel "
                style="height: 448px;"
              >
                <ul
                  class="ant-menu ant-menu-root ant-menu-inline ant-menu-light  ant-pro-help-left-panel-menu"
                  data-menu-list="true"
                  role="menu"
                  tabindex="0"
                >
                  <li
                    class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"
                    role="none"
                  >
                    <div
                      aria-controls="rc-menu-uuid-test-default-popup"
                      aria-expanded="true"
                      aria-haspopup="true"
                      class="ant-menu-submenu-title"
                      data-menu-id="rc-menu-uuid-test-default"
                      role="menuitem"
                      style="padding-left: 24px;"
                      tabindex="-1"
                    >
                      <span
                        class="ant-menu-title-content"
                      >
                        常见问题
                      </span>
                      <i
                        class="ant-menu-submenu-arrow"
                      />
                    </div>
                    <ul
                      class="ant-menu ant-menu-sub ant-menu-inline"
                      data-menu-list="true"
                      id="rc-menu-uuid-test-default-popup"
                      role="menu"
                    >
                      <li
                        aria-describedby="test-id"
                        class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
                        data-menu-id="rc-menu-uuid-test-1"
                        role="menuitem"
                        style="padding-left: 48px;"
                        tabindex="-1"
                      >
                        <span
                          class="ant-menu-title-content"
                        >
                          html 语法
                        </span>
                      </li>
                      <li
                        aria-describedby="test-id"
                        class="ant-menu-item ant-menu-item-only-child"
                        data-menu-id="rc-menu-uuid-test-2"
                        role="menuitem"
                        style="padding-left: 48px;"
                        tabindex="-1"
                      >
                        <span
                          class="ant-menu-title-content"
                        >
                          markdown 语法
                        </span>
                      </li>
                    </ul>
                  </li>
                </ul>
                <div
                  aria-hidden="true"
                  style="display: none;"
                />
              </div>
              <div
                class=" ant-pro-help-content-panel"
                style="height: 448px;"
              >
                <div
                  class="ant-pro-help-content-render"
                  id="html 语法"
                >
                  <div>
                    <h3
                      class="ant-typography"
                      style="margin-top: 0px;"
                    >
                      如何开始操作数据授权？
                    </h3>
                    <span
                      class="ant-typography"
                    >
                      需要进行数据合作的数据提供方（数据源）和数据需求方双方都需要先安装部署
                    </span>
                    <div
                      class="inner-html"
                    >
                      <b>
                        加粗文本
                      </b>
                      <br />
                      <br />
                      
  
                      <i>
                        斜体文本
                      </i>
                      <br />
                      <br />
                      
  
                      <code>
                        电脑自动输出
                      </code>
                      <br />
                      <br />
                      
  这是 
                      <sub>
                         下标
                      </sub>
                       和 
                      <sup>
                         上标
                      </sup>
                      
  
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>